{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<section id="together" class="m24-c-content">
  <div class="m24-c-ar-opening m24-l-two-columns">
    <header class="m24-c-ar-opening-header">
      <div>
        <h2 class="m24-c-ar-opening-title">
          Evolving Together: Redefining Mozilla in the AI Era
        </h2>
        <div class="m24-c-ar-opening-body">
          <p>
            Mozilla stands for putting people and communities in control of how technology shows up in their lives. In 1998, that meant taking the web in a better direction. In 2024, it means doing the same for AI, and making sure that open source wins again in the AI era.
          </p>
          <p>
            Why? Because data and AI have become fundamental building blocks with which we create the digital tools we all use everyday. And, as it was with the web 25 years ago, whoever controls these building blocks — and how they work — has a tremendous impact on our agency, our relationships, and our lives.
          </p>
        </div>
      </div>

      <div class="m24-c-ar-opening-author">
        <p class="m24-c-ar-opening-author-info">
          Mark Surman <br>President
        </p>
        <div class="m24-c-ar-opening-cta">
          <a class="m24-c-button" href="{{ url('foundation.annualreport.2024.article.0-1-mark-surman') }}" data-cta-text="Evolving Together: Redefining Mozilla in the AI Era">
            Read the full article
          </a>
        </div>
      </div>
    </header>

    <div class="m24-c-ar-opening-media m24-l-3-2">
      <a href="{{ url('foundation.annualreport.2024.article.0-1-mark-surman') }}" data-cta-text="Evolving Together: Redefining Mozilla in the AI Era">
        {{ picture(
          url='img/foundation/annualreport/2024/opening/0-1-mobile-21-9-800.png',
          sources=[
            {
              'media': '(max-width: 1311px)',
              'srcset': {
                'img/foundation/annualreport/2024/opening/0-1-mobile-21-9-1000.png': '1000w',
                'img/foundation/annualreport/2024/opening/0-1-mobile-21-9-800.png': '800w',
                'img/foundation/annualreport/2024/opening/0-1-mobile-21-9-600.png': '600w',
                'img/foundation/annualreport/2024/opening/0-1-mobile-21-9-400.png': '400w',
              },
              'sizes': {
                '(min-width: 768px)': 'calc((100vw - 48px) / 2)',
                'default': 'calc(100vw - 48px)',
              },
            },
            {
              'srcset': {
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-1800.png': '1800w',
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-1600.png': '1600w',
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-1400.png': '1400w',
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-1200.png': '1200w',
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-1000.png': '1000w',
                'img/foundation/annualreport/2024/opening/0-1-desktop-3-2-800.png': '800w',
              },
              'sizes': {
                '(min-width: 1440px)': '680px',
                'default': 'calc((100vw - 64px) / 2)',
              },
            },
          ]
        ) }}
      </a>
    </div>
  </div>

</section>
